﻿@charset "utf-8";

*{word-wrap:break-word}

html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color: #333; }
body{line-height:1.8} 
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
body{ color:#7c7c7c;font-size:16px; background-color:#fff }
a{ color:#7c7c7c; text-decoration:none; font-size:16px; }
a:hover{ color:#292929; text-decoration:none}
.weap{ max-width:1090px; margin:0 auto; } 
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*布局*/
.ui-flex{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.ui-list-info{-webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.ui-info{-webkit-box-flex: 1; }
.ui-c{-webkit-box-align:center}
/*头部*/   

.qm-top{ background-color:#fff;  height:144px;}
.qm-top.headroom .navbox{    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;}
.headroom--unpinned .navbox{-webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp;}	
.headroom--pinned .navbox{-webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown;}
.qm-top .navbox{position:fixed; z-index:9; left:0; right:0;top:0;padding-top:40px; height:104px; background:rgba(255,255,255,.9);border-bottom:1px solid #a3a3a3;  }
.qm-top .logo{ text-align:center; margin-bottom:20px;}
.qm-top .logo img{ height:33px;}
.qm-nav{ position:relative;   z-index:3}
.qm-nav li{transition: all 0.3s; float:left; text-align:center; width:14.28%; line-height:50px; height:50px; position:relative } 
.qm-nav li a{ display:inline-block; padding:0 35px;text-align:center;font-size:20px; color:#292929 } 
.qm-nav li a:hover,.qm-nav li.on a{ font-weight:bold;} 
.qm-nav li:nth-child(2).on:hover a{ background-color:#fae4e1;  } 
.qm-nav li:nth-child(2).on:hover .sub a{ background:none}
.qm-nav li .sub{ position:absolute; width:500px; left:-20px;top:50px; background-color:#fff; z-index:9; text-align:left; border:1px solid #ddd; overflow:hidden; padding:20px; display:none}
.qm-nav li .sub .abox{ float:left; width:104px;}
.qm-nav li .sub a{ display:block; font-weight:normal; line-height:40px; font-size:18px; padding:0; padding-left:15px; text-align:left} 
.qm-nav li .sub span{ display:block; border-bottom:1px solid #c0c0c0}
.qm-nav li .sub span:last-child{ border-bottom:none}
.qm-nav li.on .sub a,.qm-nav li .sub a{ background:none}
.qm-nav li .sub a:hover{ background-color:#efefee !important}
.qm-nav li .sub .img{ float:right; width:350px;}
.qm-nav li .sub .img img{ width:100%}
/*底部*/ 
.footer{ background-color:#1c1c1c; color:#fff; padding-top:30px; padding-bottom:40px; font-size:20px} 
.footer .weap{ position:relative}
.footer .footewm{ position:absolute; z-index:1; right:0;top:0px; width:137px; text-align:center;   font-size:18px}
.footer .footewm img{ width:100%} 
.footer a{color:#fff; font-size:20px;}
.footer a:hover{ text-decoration:underline} 
.footer .footp{ padding-right:147px;}
.footer .footnav span{ margin:0 20px } 
/*右侧漂浮*/
.servicefex{ position:fixed; z-index:99; right:0;top:50%; margin-top:-227px;  }
.servicefex li{ margin-bottom:20px;}
.servicefex a{ display:block; width:74px; height:217px; background-repeat:no-repeat; background-position:center; background-size:100%} 
.servicefex .ico-online{ background-image:url(../images/ico-online.png)}
.servicefex .ico-size{ background-image:url(../images/ico-size.png)}
/*留言*/
.message{ height:740px; background-color:#f6f3ee; background-image:url(../images/messagebg.jpg); background-position:12% center; background-repeat:no-repeat } 
.formindex{ padding-left:42.2%; padding-top:70px;}
.formindex .hd{ border-bottom:1px solid #292929; padding-bottom:10px; overflow:hidden; margin-bottom:35px}
.formindex .hd h3{ font-size:33px; font-weight:normal; color:#292929; float:left}
.formindex .hd .tis{ float:right; line-height:70px; color:#292929}
.formindex .bd li.w-2{ width:48%; float:left; clear:none}
.formindex .bd li.w-2:nth-child(2){ float:right}
.formindex .bd li{ clear:both; margin-bottom:24px;position:relative}
.formindex .bd .intxt{ border:1px solid #292929; background-color:#fff; padding:0 20px; }
.formindex .bd .intxt input{ width:100%; display:block; height:60px; border:none; background:none; font-size:20px;}
.formindex .bd .intextarea{ padding:20px;border:1px solid #292929; background-color:#fff; }
.formindex .bd .intextarea textarea{ width:100%; border:none; background:none; height:215px; font-size:20px;}
.formindex .bd .btnli{ text-align:right}
.formindex .bd .btnli .btn{ width:140px; height:54px; background-color:#444444; font-size:24px; color:#fff; border:none; cursor:pointer; margin-left:20px}
.formindex .bd .btnli .btn:hover{ opacity:.8}
.formindex .bd .btnli .btn.btnreset{ background-color:#fff; color:#444}
.formindex .bd li .yzm{height:26px; display:block; position:absolute; z-index:1; right:20px;top:50%; margin-top:-13px; cursor:pointer}
.formindex .bd li .yzm img{ height:100%; display:block }

/*弹出放大图片*/
.open-div{position:fixed;top:0;left:0;width:100%;height:100%;line-height:100%;z-index:-1;text-align:center;opacity:0;transition:all 0.2s linear;background:rgba(0,0,0,0.8) url(../images/loading.gif) no-repeat center;}
.open-div.ani{opacity:1;z-index:9999;}
.open-div a{position:absolute;font-size:50px;color:#fff;z-index:10;}
.open-div a.close-div{top:15px;right:20px;font-size:30px;font-weight:700; width:33px; height:33px; background:url(../images/ico-close.png) no-repeat center; background-size:100%}
.open-div a.pre-img{left:45px;top:50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%); width:50px; height:50px; background:url(../images/ico-pprev.png) no-repeat center left; background-size:100%}
.open-div a.next-img{right:45px;top:50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);width:50px; height:50px;background:url(../images/ico-pnext.png) no-repeat center right; background-size:100%}
.open-div img{position:absolute;max-height:100%;max-width:100%;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:9;}
.open-div img.img-a{z-index:2;}
.open-div img.img-b{z-index:1;}

/*弹出视频*/
.open-div span{ display:block;position:absolute; width:800px; max-width:100%; top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:9; }
.open-div video{background-color:#000;}
.open-div span.video-a{z-index:2;}
.open-div span.video-b{z-index:1;}

/*页码*/
.pages{ text-align:center; color:#cecece; font-size:23px; line-height:38px}
.pages ul{ display:inline-block; vertical-align:middle}
.pages ul li{ display:inline-block; margin:0 5px;}
.pages ul li a{ display:inline-block; width:38px; height:38px; background-color:#f0f0f0;font-size:23px; border-radius:50%; color:#292929}
.pages ul li a:hover,.pages ul li.on a{ background:#292929; color:#fff} 
.pages .pageright{ display:inline-block; color:#333; vertical-align:middle; position:relative; margin-left:10px }
.pages .pageright span{ display:inline-block; margin:0 5px; vertical-align:middle}
.pages ul li.pprev a,.pages ul li.pnext a{ width:auto; background:none}
.pages ul li.pprev a:hover,.pages ul li.pnext a:hover{ color:#000}
@media(max-width:1600px){
.message{background-position:5% center; }
}

@media(max-width:1091px) {
.weap{ padding:0 4vw}
.qm-nav li a{ padding:0 10px; font-size:18px}
} 
@media(max-width:900px) { 
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;} 
body{ font-size:14px}
a{ font-size:14px}
/*头部*/ 
.topbar{ display:none}

.qm-top{ padding-top:0; height:60px }
.qm-top .box{ width:100%; height:60px}
.logobox{ padding:0;}
.qm-top .logo{ padding:0;  height:100%; position:static; margin-bottom:0}
.qm-top .logo a{ display:inline-block; padding:15px 0; height:100%;}
.qm-top .logo img{ height:20px} 
.qm-top .navbox{ height:60px; position:fixed; z-index:999; left:0; right:0;top:0; background:#fff; box-shadow:0 0 2px #333; padding-top:0}
.headroom--pinned .navbox,.headroom--unpinned .navbox{animation-name:none;-webkit-animation-name:none;
    -moz-animation-name:none;
    -o-animation-name:none;} 

.m-nav{display:block; height: 24px; width: 35px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute;left:10px; top:50%; margin-top:-12px; }
.m-nav a{background-color: #231815; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color: #231815; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -7px;}
.m-nav a:after{top: 8px;}
.qm-top.block .m-nav{transform: rotate(90deg);}
.qm-top.block .m-nav a{background-color: transparent !important;}
.qm-top.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-8px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);} 


.qm-nav{ position:fixed; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(102,102,102,.5); display:none} 
.qm-top.block .qm-nav{ display:block}
.qm-nav ul{ background:#fff; width:70%; height:100%; overflow-y:auto} 
.qm-nav ul:before{ width:140px;border-bottom:1px solid #a3a3a3; content:""; display:block; margin:0 auto; height:60px; background:url(../images/logo.png) no-repeat center; background-size:auto 15px}
.qm-nav li{ width:100%; float:none; padding:0; background:none; margin:0 auto; height:auto}
.qm-nav li a{ position:relative; padding:0; line-height:45px; width:auto; text-align:left;  color:#333;display:block; font-size:15px; text-align:center} 

.qm-top.block .m-nav{ z-index:999; left:58%} 
.qm-top.block .m-nav a{ background-color:#333}
.qm-top.block .m-nav a:after,.qm-top.block .m-nav a:before{ height:2px}
.qm-nav li .sub{ position:static; width:auto; border:none; background-color:#f7f7f7; padding:10px}
.qm-nav li .sub a{ font-size:16px; padding-left:0; text-align:center;}
.qm-nav li .sub .img{ display:none}
.qm-nav li .sub .abox{ float:none; width:auto; text-align:center}
.qm-nav li:nth-child(2):before { content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; height:45px}
 
/*右侧漂浮*/
.servicefex{   margin-top:-137px;  }
.servicefex li{ margin-bottom:10px;}
.servicefex a{  width:45px; height:132px; }

.message{ height:auto; background-image:none}
.formindex{ padding:20px 0}
.formindex .hd{ margin-bottom:15px}
.formindex .hd h3{ font-size:21px; }
.formindex .hd .tis{ font-size:12px; line-height:40px; }
.formindex .bd .intxt{ padding:0 10px}
.formindex .bd .intxt input{ font-size:14px; height:45px}
.formindex .bd li .yzm{ right:1px;}
.formindex .bd li{ margin-bottom:12px}
.formindex .bd li.w-2{ width:49%}
.formindex .bd li.w-2:nth-child(3){ width:60%}
.formindex .bd .intextarea{ padding:10px;}
.formindex .bd .intextarea textarea{ font-size:14px; height:150px}
.formindex .bd .btnli .btn{ height:42px; font-size:15px; width:100px}

/*页码*/
.pages ul li a{ font-size:14px; height:30px; line-height:30px; width:30px}
.pages .pageright{ display:none}
.pages ul li{ margin:0 2px}
}
@media(max-width:760px) {
/*底部*/ 
.footer{ font-size:13px; padding:20px 0}
.footer a{ font-size:13px;}
.footer .footewm{ font-size:12px; width:90px;  right:20px;top:5px}
.footer .footp{ padding-right:100px;}
.footer .footp span{ display:block}

.open-div a.pre-img{left:0px; }
.open-div a.next-img{right:0px; }
}
@media(max-width:430px) {
.formindex .hd .tis{ float:left}
}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-200px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-200px)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-200px)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-200px)}100%{transform:translateY(0)}}.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-200px)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-200px)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-200px)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-200px)}}.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}